<?php
$front = Zend_Controller_Front::getInstance();
?>
<style>
    #logo{
        width: 30%;
        height: auto;
        position: absolute;
        left: 700px;
        top: -200px;
    }

    accordion{
        background-color: white;
}

</style>
<script type="text/javascript">
    $(function(){
       
    });
</script>
<div class="hero-unit" style="width:900px; height:450px">
    <h2>Acerca de PersonalTimerTask</h2>
    <br />
    <img id="logo" src="<?= $front->getBaseUrl() . '/images/logo.png' ?>"/>
    <div>
        <h5>Ofrecemos una herramienta web para facilitar la administración de actividades
     y el tiempo<br /> de duraci&oacute;n de cada una de ellas, con el fin de conocer
       mejor la manera en la que trabajamos, <br />así como tener una orgnizaci&oacute;n de las tareas.
        </h5>

        <br />
        <h5>Tambi&eacute;n ofrecemos estad&iacute;sticas para monitorear y analizar nuestros resultados
            en tiempo real,<br /> de esta manera se apoya a la toma de desiciones, siempre para mejorar.
        </h5><br /><br /><br />
        <h3>PersonalTimerTask cuenta con las siguientes funcionalidades</h3>
    </div>
    <br />
    <div class="accordion" id="accordion2">
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#act">
                    Actividades
                </a>
            </div>
            <div id="act" class="accordion-body collapse" style="height: 0px; ">
                <div class="accordion-inner">
                    Esta secci&oacute;n te permite administrar todas tus actividades, desde actividades escolares, personales, ocio, etc.
                </div>
            </div>
        </div>
        <div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                  Tareas
                </a>
              </div>
              <div id="collapseTwo" class="accordion-body collapse">
                <div class="accordion-inner">
                    Cada actividad puede dividirse en tareas, de manera que sean más fáciles de controlar, de conocer y de medir, tomando como base la filosof&iacute;a "Divide y vencer&aacute;s"
                </div>
              </div>
              <div class="accordion-group">
                 <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                        Estad&iacute;sticas
                    </a>
                  </div>
                  <div id="collapseThree" class="accordion-body collapse">
                    <div class="accordion-inner">
                        Gracias a la herramienta de la estad&iacute;stica podemos hacer inferencia con respecto a los resultados obtenidos, de manera que podemos conocer si estamos cumpliendo con lo que planeamos
                    </div>
                  </div>
              </div>
              <div class="accordion-group">
                   <div class="accordion-heading">
                      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
                          Monitoreo
                      </a>
                    </div>
                    <div id="collapseFour" class="accordion-body collapse">
                      <div class="accordion-inner">
                          La herramienta permite en tiempo real poder cononocer el estado actual de nuestras actividades, así como validar o cancelar las tareas que se hayan finalizado
                      </div>
                    </div>
                </div>
        </div>
        
    </div>

</div>
